<template>
	<view class="container container24934">


<!-- 		<view class="diygw-modal basic" :class="modal" style="z-index: 100000">
			<view class="diygw-dialog diygw-dialog-modal">
				<view class="justify-end diygw-bar">
					<view class="action" data-type="closemodal" data-id="modal" @tap="navigateTo">
						<i class="diy-icon-close"></i>
					</view>
				</view>
				<view>
					
				</view>
			</view>
		</view> -->
		<view v-if="modal" class="diygw-modal bottom-modal" :class="modal" style="z-index: 1000000">
			<view class="diygw-dialog diygw-dialog-modal">
				<view class="justify-end diygw-bar">
					
					<view class="action" data-type="closemodal" data-id="modal" @tap="navigateTo">
						<text class="diy-icon-close" @click="back()"></text>
					</view>
				</view>
				<view> 
					<view class="flex flex-wrap diygw-col-24 flex-direction-column flex-clz">
						<view class="flex diygw-col-24">
							<view class="diygw-grid col-2">
								<view class="diygw-grid-item">
									<view class="diygw-grid-inner" @click="navigate('deliver/deliver')">
										<view class="diygw-grid-icon diygw-avatar">
											<image mode="aspectFit" class="diygw-avatar-img"
												src="/static/add/pet-add.png"></image>
										</view>
										<view class="diygw-grid-title"> 发布送养 </view>
									</view>
								</view>
								<view class="diygw-grid-item">
									<view class="diygw-grid-inner">
										<view class="diygw-grid-icon diygw-avatar" @click="navigate('select/select')">
											<image mode="aspectFit" class="diygw-avatar-img"
												src="/static/add/pet-select.png">
											</image>
										</view>
										<view class="diygw-grid-title"> 发布寻宠 </view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
<!-- 		<view class="flex diygw-col-24">
			<button @tap="navigateTo" data-type="openmodal" data-id="modal"
				class="diygw-btn green radius-xs flex-sub margin-xs button-button-clz">按钮</button>
		</view> -->



		<view class="clearfix"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//用户全局信息
				userInfo: {},
				//页面传参
				globalOption: {},
				//自定义全局变量
				globalData: {},
				modal: 'show',
			};
		},
		onShow() {
			this.setCurrentPage(this);
			this.modal="show"
		},
		onLoad(option) {
			this.setCurrentPage(this);
			if (option) {
				this.setData({
					globalOption: this.getOption(option)
				});
			}
			this.init();
		},
		methods: {
			async init() {},
			navigate(index) {
				uni.navigateTo({
					url: `/pages/add/${index}`
				})
			},
			back(){
				uni.switchTab({
					url:`/pages/index`
				})
			}
		},
	};
</script>

<style lang="scss" scoped>
	.flex-clz {
		padding-top: 10rpx;
		padding-left: 10rpx;
		padding-bottom: 10rpx;
		padding-right: 10rpx;
	}

	.flex1-clz {
		padding-top: 10rpx;
		padding-left: 10rpx;
		padding-bottom: 10rpx;
		padding-right: 10rpx;
	}

	.modal-clz {
		z-index: 0;
	}

	.diygw-dialog-modal {}

	.button-button-clz {
		margin: 3px !important;
	}

	.container24934 {
		padding-left: 0px;
		padding-right: 0px;
	}

	.container24934 {}
</style>